@charset "utf-8";
h3,h4 {font-weight:400;}
#header img {
    margin:10px 0;
}
/*banner*/
.banner-box {
    height:376px;
    background:url(../images/banner_bg.png) no-repeat 70px center #59c8ff;
    background-size:1174px 301px;
}
.banner {
    height:376px;
    background:url(../images/banner.png?v=20171012) no-repeat center 15px;
    background-size:1024px;
    overflow: hidden;
}
/*加入我们*/
#iframe-box {
    float:right;
    width:244px;
    height:280px;
    margin:20px 50px 0 0;
    box-shadow:0 0 10px 1px rgba(0,0,0,0.5);
}
#iframe-box iframe {
    width:244px;
    height:280px;
}
/*特点*/
.specialty{
    margin-top:-54px;
}
.specialty li {
    width:25%;
    padding-top:62px;
    float:left;
    background:url(../images/icon1.png) no-repeat;
    color:#333;
}
.specialty li:nth-of-type(1){background-position:78px 0;}
.specialty li:nth-of-type(2){background-position:-145px 0;}
.specialty li:nth-of-type(3){background-position:-380px 0;}
.specialty li:nth-of-type(4){background-position:-596px 0;}
.specialty li h4 {
    padding-bottom:10px;
    font-size:14px;
    line-height: 1;
    text-align: center;
}
.specialty li p {
    font-size:12px;
    vertical-align: middle;
    text-align: left;
    line-height:1.4;
}
.specialty li span {
    display: inline-block;
    width:6px;height:6px;border-radius:50%;
    vertical-align: middle;
    margin-right:5px;
}
.specialty li:nth-child(1) span {background-color:#ff5254;margin-left:22px;}
.specialty li:nth-child(2) span {background-color:#ffa924;margin-left:50px;}
.specialty li:nth-child(3) span {background-color:#48d0ff;margin-left:30px;}
.specialty li:nth-child(4) span {background-color:#21dbb0;margin-left:18px;}
/*介绍*/
.introduce {
    text-align: center;
}
.introduce h3 {
    font-size:28px;color:#333;
    padding:50px 0 34px 0;
}
.introduce .wrap>p {
    padding:0 100px;
    line-height:30px;
    font-size:16px;
    color:#666;
    text-align: justify;
}
.introduce ul li {
    box-sizing: border-box;
    width:20%;
    padding:120px 10px 0;
    background:url(../images/icon_1.jpg?v=20171012) no-repeat 0 30px;
    background-size:800px;
}
.introduce ul li:nth-of-type(1){background-position-x:60px;}
.introduce ul li:nth-of-type(2){background-position-x:-117px;}
.introduce ul li:nth-of-type(3){background-position-x:-294px;}
.introduce ul li:nth-of-type(4){background-position-x:-474px;}
.introduce ul li:nth-of-type(5){background-position-x:-652px;}
.introduce ul li:hover {background-image:url(../images/icon_2.png?v=20171012);}
.introduce ul li:hover h4,.introduce ul li:hover p {color:#35b3f2;}
.introduce li h4 {
    font-weight:400;
    line-height:26px;
    font-size:15px;
    color:#333;
}
.introduce li p {
    line-height:18px;
    font-size:12px;
    color:#666;
    text-align: justify;
}
.clearing {
    padding-top:50px;
    font-size:14px;
    color:#666;
}
.industry {
    padding:16px 0 70px;
    font-size:15px;
    color:#59c8ff;
}
/*系统*/
.solution {background:#59c8ff;overflow:hidden;}
.page_title h4 {text-align:center;font-weight:400;font-size:28px;color:#fff;padding-top:80px; }
.solution_more { position:relative; color:#fff;margin-top:65px;}
.solution_line {width:100%;top:115px; height:11px; left:0px; position:absolute; }
.solution_line_l {height:1px;width:100%;position:absolute;left:0;top:6px;background:#a2e0ff;}
.solution_line b {
    display:block; width:8px; height:8px; border:2px solid #fff; position:absolute; background:#6DBFE5;border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.solution_tab{text-align:center;width:800px;margin:0 auto;overflow:hidden}
.solution_tab li {
    display:block;height:230px;padding-top:70px;width:33.3%;float:left;
    background:url("../images/icon_4.png?v=20171012") no-repeat 0 0;
}
.solution_tab li:nth-of-type(1){background-position-x:108px;}
.solution_tab li:nth-of-type(2){background-position-x:-170px;}
.solution_tab li:nth-of-type(3){background-position-x:-451px;}
.solution_tab li .pway{font-size:16px;margin-bottom:90px;}
.solution_tab li p {display:none;font-size:14px;line-height:20px;}


.system {
    height:600px;
    background:url(../images/bg_3.png?v=20171012) no-repeat center 78px;
}
.zitopay {
    background-color: #59c8ff;
    color:#fff;
}
.zitopay .wrap {
    height:455px;
    background:url(../images/bg1.png?v=20171012) no-repeat 470px 60px;
}
.zitopay h3 {
    padding:30px 0 15px 80px;
    font-size: 24px;

}
.zitopay p {
    margin-left:80px;
    width:420px;
    line-height:28px;
    font-size:16px;
    text-align: justify;
}
.to-top {
    height:78px;
    text-align: center;
}
.to-top a {
    display: inline-block;
    margin-top: 19px;
    padding:0 36px;
    border-radius:4px;
    background-color: #fc6074;
    line-height: 40px;
    text-align: center;
    font-size: 14px;color:#fff;
}
.news-box {
    background-color: #eff6ff;
    padding:20px 0;
}
.news {
    width:847px;
    height:287px;
    margin:0 auto;
    border:1px solid #d2d2d2;
    background:url(../images/news_bg.png) no-repeat 17px 17px;
}
.news ul {
    margin:17px 0 0 380px;
}
.news li a {
    display: inline-block;
    line-height: 63px;
    font-size: 14px;
    color:#363b3f;
    padding-left: 56px;
    background:url(../images/icon_3.png?v=20171012) no-repeat;
}
.news li:nth-of-type(1) a {background-position:0 12px;}
.news li:nth-of-type(2) a {background-position:0 -49px;}
.news li:nth-of-type(3) a {background-position:0 -112px;}
.news li:nth-of-type(4) a {background-position:0 -166px;}
.footer-box {
    height:80px;
    background-color:#323232;
    text-align: center;
    color:#fff;
}
.partner {padding:30px 0 20px;font-size:12px;}
.contactType {line-height:30px;font-size:12px;}
.contactType span {font-size:20px;}